<template>
  <div class="demo-title">dropdown-menu/demo1</div>
  <div>
    <DropdownMenu :options="options" :defaultValue="value" @choose="onChoose"></DropdownMenu>
  </div>
</template>

<script lang="ts" setup>
  import DropdownMenu from '@sscd-mobile/dropdown-menu'
  const options = [
    { label: 'Haidian District', value: 'a', disabled: false },
    { label: 'Fengtai District', value: 'b', disabled: true },
    { label: 'Changping District', value: 'c' }
  ]
  const value = 'c'
  const onChoose = (e: any, i: number) => console.log('onChoose: ', e, i)
</script>
